/*=== index ===*/
section { padding: 80px 0px; }

.ind_title1 { background: url(../images/title_1.png) no-repeat; position: relative; width: 226px; height: 420px; display: block }
.ind_title1 b { text-indent:-9999px; display:block}
.ind_title1 span { position:absolute; width:23px; height:53px; padding:10px 0px 0px; text-align:center; display:block; left:132px; top:215px; background:url(../images/more.png) no-repeat; line-height:16px; font-size:14px}
.ind_title1 span a { color:#fff}
.ind_title2 { width: 100%; height: 36px; display: block; background: url(../images/title_3.png) no-repeat center center; text-indent: -9999px; margin-bottom: 40px; }
.ind_title3 { background: url(../images/title_2.png) no-repeat; position: relative; width: 190px; height:424px; display: block }
.ind_title3 b { text-indent:-9999px; display:block}
.ind_title3 span { position: absolute; width: 23px; height: 53px; padding: 10px 0px 0px; text-align: center; display: block; left: 33px; top: 215px; background: url(../images/more.png) no-repeat; line-height: 16px; font-size: 14px }
.ind_title3 span a { color:#fff}


.index_guide { width: 100%; height:127px;position: absolute; z-index: 9999; left: 0px; bottom:0px;text-align: center; }
.index_guide ul { width:1280px; height:126px; padding:25px 30px; margin:0px auto; background:url(../images/icon_bg.png) no-repeat;}
.index_guide ul li {display: block; background: url(../images/icon_x.png) no-repeat right center;float: left; padding:0px 20px 0px 10px; width:244px; }
.index_guide ul li:last-child {background:none;}
.index_guide ul li:hover img {transition:transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; -webkit-transition:-webkit-transform 1s ease-out; transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}

.index_guide ul li a { color:#fff;width:220px; height:76px; padding: 18px 0px 18px 85px; overflow: hidden; text-align: left; position: relative; display:block; margin:0}
.index_guide ul li a:hover { background:#008141; border-radius:10px;}
.index_guide ul li a img { width: 44px; height: 44px; position: absolute; top: 16px; left:25px; }
.index_guide ul li p.name { font-size: 20px; display: block; width: auto; }
.index_guide ul li p.eng { font-size: 14px; text-transform: uppercase; width: auto; }


.ind_npic{ width: 550px; height: 405px; position: relative; overflow: hidden; }
.ind_npic .swiper-container{ width:100%;height:100%;}
.ind_npic .swiper-slide{display: block; position: relative; width: 100%; padding:0; overflow: hidden;}
.ind_npic .swiper-slide img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind_npic .swiper-slide .title { width: 550px; height: 98px; background: url(../images/pic.png) repeat; position: absolute; left: 0px; bottom: 0px; padding: 15px 0px 0px 135px; color: #fff; text-align: left; }
.ind_npic .swiper-slide span.date { font-size: 14px; height: 70px; display: block; width: 85px; background: url(../images/date_x.png) no-repeat center right; position: absolute; top: 15px; left: 20px; line-height:40px }
.ind_npic .swiper-slide span.date b { display:block; font-size:50px;}
.ind_npic .swiper-slide p.name{ width: 94%; height: 24px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px; }
.ind_npic .swiper-slide p.txt{ width: 96%; height: 40px; line-height: 20px; overflow: hidden; font-size: 14px; }
.ind_npic .swiper-container .swiper-pagination,.ind_npic .swiper-container .swiper-pagination-bullet { bottom: 110px;border-radius: 5px; text-align:right;align-items:right;justify-content:right; padding-right:20px }
.ind_npic .swiper-pagination{line-height:100%; padding:0px;display: flex; align-items: center; justify-content: center ; text-align:right; z-index:10;}
.ind_npic .swiper-pagination-bullet{opacity: 1; width:40px; height:8px; background: #fff; display:block;}
.ind_npic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px 0 0;}
.ind_npic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin: 0;}
.ind_npic .swiper-pagination-bullet-active{background: #d70000; width:60px}

.ind_nlist { width: 690px }
.ind_nlist .tab_UL{ height: 36px; margin: 0px 0px 20px 0px; width: 100%; }
.ind_nlist .tab_UL li {float: left; }
.ind_nlist .tab_UL li a { color: #333; display: block; height:40px; line-height:40px; width: 124px; font-size: 20px; cursor: pointer; text-align: center; margin-right: 2px; border-radius:5px; }
.ind_nlist .tab_UL li.curr a{ height: 36px; line-height: 36px; background: #01b55c; color: #fff;}

.ind_nlist_nr ul li { width: auto; padding: 0px 0px 0px 100px; position: relative; height: 108px; margin-bottom: 22px; border-bottom: #e1e1e1 1px solid; }
.ind_nlist_nr ul li span.date {position: absolute; width:86px; height:84px; border:#c6c6c6 1px dashed; display:block;left: 0px;text-align: center; display: block; color:#333; font-size:14px }
.ind_nlist_nr ul li span.date em { display:block; font-size:50px; line-height:60px; height:55px}
.ind_nlist_nr ul li p.title { width: 100%; height: 30px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 30px; margin-bottom: 5px; }
.ind_nlist_nr ul li p.txt { font-size: 14px; color: #999999; line-height: 20px; height: 40px; overflow: hidden; }
.ind_nlist_nr ul li:hover span.date { color: #d70000; border:#d70000 1px dashed }
.ind_nlist_nr ul li:hover p.title { color: #d70000 }
.ind_nlist_nr ul li:last-child { margin-bottom: 0; border-bottom: 0; height: 85px; }

.ind_ksicon ul { width:1036px}
.ind_ksicon ul li { width: 116px; height: 159px; padding: 0px 17px 0px 17px; float: left; margin: 15px 0px 25px 32px; text-align: center; font-size: 18px; background: url(../images/ks_bg.png) no-repeat; line-height: 20px; }
.ind_ksicon ul li p.pic {width:100%; text-align: center;margin-bottom:25px; }
.ind_ksicon ul li p.pic img {width:50px; height:50px; margin-top:25px;}
.ind_ksicon ul li:hover {background-position:-116px 0px;}
.ind_ksicon ul li a { color:#333;}
.ind_ksicon ul li:hover a { color:#01b55c;}
.ind_ksicon ul li:hover img {transition:transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; -webkit-transition:-webkit-transform 1s ease-out; transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}


.team_swiper{position: relative; display: block !important;}
.team_swiper .swiper-slide{ text-align: center; padding: 0px 20px; height: 370px; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms }
.team_swiper_btn .swiper-button-prev{ transition: 0.6s; z-index: 9999; opacity: 1; width: 21px; height: 39px; background: url(../images/prev.png) no-repeat; left: 0px; top: 200px }
.team_swiper_btn .swiper-button-next{transition: 0.6s; z-index:9999; opacity: 1; width:21px; height:39px; background:url(../images/next.png) no-repeat; right:0; top:200px}
.team_swiper_btn .swiper-button-prev:hover ,.team_swiper_btn .swiper-button-next:hover { background-position:-21px 0px}
.team_swiper .swiper-slide:hover a {color:#d70000;}
.team_swiper .swiper-slide:hover .pic { border:#f5e6e6 12px solid}


.team{ display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; position: relative }
.team a{ display: block; width: 100%; height: 100%; position: relative; }
.team .pic{ display: block; width: 190px; padding: 0; overflow: hidden; border-radius: 50%; height: 190px; border: #ececec 12px solid; margin: 0px auto 10px auto; }
.team .pic img{width: 100%; height: 120%; object-fit: fill;}
.team p { margin: 10px 0px; display: block }
.team p.txt { line-height: 24px; font-size: 16px; height: 45px; overflow: hidden; text-align: center; color:#666 }
.team p.more { padding-top:10px}
.team p.more span {width:103px; height:32px; text-align:center; line-height:32px; display:block; margin:0px auto; background:url(../images/more3.png) no-repeat; color:#fff}
.team a:hover p.more span  { background-position:-103px 0px;}

.ind_about { width:1020px;}
.ind_about ul li.txt { width: 380px; height: 410px; color: #666; overflow: hidden; writing-mode: tb-rl; line-height: 32px; font-size: 16px; }

.ind_quick ul li{ width: 320px; float: left; display: block; overflow: hidden }
.ind_quick ul li a p { width: 320px; height: 235px; text-align: center; overflow: hidden; -moz-transition: all .6s ease 0s; -ms-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s; }
.ind_quick ul li span.name { display:block; height:60px}
.ind_quick ul li span.more {width:149px; height:41px; line-height:41px; text-align:center; display:block; margin:15px auto 0 auto; font-size:16px; background:url(../images/more2.png) no-repeat;-moz-transition: all .6s ease 0s; -ms-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.ind_quick ul li:hover a p.pic{-moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

.ind_quick ul li a p.css_1,.ind_quick ul li a p.css_2,.ind_quick ul li a p.css_3,.ind_quick ul li a p.css_4 { padding-top:80px; color:#fff; font-size:24px;}
.ind_quick ul li a p.css_1 { background:url(../images/ws_01.png) no-repeat left top #ba903e}
.ind_quick ul li:hover a p.css_1 {background:url(../images/ws_01.png) no-repeat left top #b18329}
.ind_quick ul li:hover a p.css_1 span.more { color:#b18329; background-position:0px -41px}
.ind_quick ul li a p.css_2 { background:url(../images/ws_02.png) no-repeat left top #e1b92c}
.ind_quick ul li:hover a p.css_2 {background:url(../images/ws_02.png) no-repeat left top #daac0b}
.ind_quick ul li:hover a p.css_2 span.more { color:#daac0b;background-position:0px -41px}
.ind_quick ul li a p.css_3 { background:url(../images/ws_03.png) no-repeat left top #01b55c}
.ind_quick ul li:hover a p.css_3 {background:url(../images/ws_03.png) no-repeat left top #028946}
.ind_quick ul li:hover a p.css_3 span.more { color:#028946;background-position:0px -41px}
.ind_quick ul li a p.css_4 { background:url(../images/ws_04.png) no-repeat left top #b92938}
.ind_quick ul li:hover a p.css_4 {background:url(../images/ws_04.png) no-repeat left top #a80d1d}
.ind_quick ul li:hover a p.css_4 span.more { color:#a80d1d;background-position:0px -41px}

